.fl {
  float: left;
}

.fr {
  float: right;
}

/* 导航条开始 */
.nav {
  width: 1016px;
  height: 350px;
  z-index: 9999;
  position: absolute;
  top: 54px;
  left: 100px;
  margin: 0 auto;
  padding-top: 30px;
  border-bottom: 2px solid red;
}

.nav .logo {
  margin-right: 15px;
  float: left;
  position: relative;
  z-index: 1;
  float: left;
}

.nav .logo a {
  display: inline-block;
  text-indent: -99999px;
  width: 200px;
  height: 98px;
  background: url(../images/logo.webp) no-repeat center center;
}

.nav-main {
  float: left;
}

.nav-main a {
  color: #fff;
  font-size: 14px;
}

.nav-main .nav-m-title {
  padding-top: 0;
}

.nav-main .nav-m-title a {
  width: 90px;
  height: 30px;
  padding: 20px;
  line-height: 30px;
  text-align: center;
  font-weight: 700;
}

.nav-main .nav-m-title a:first-child {
  width: 64px;
}

.nav-main .nav-con {
  padding-left: 92px;
}

.nav-main .nav-con ul {
  float: left;
  width: 100px;
}

.nav-main .nav-con a {
  text-align-last: left;
  line-height: 24px;
  opacity: 0.85;
}

.nav-main .nav-con a:hover {
  color: #ff0;
  opacity: 1;
}

.nav-main .nav-con .n-hot {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(../images/hot.png) no-repeat center center;
}

/* 导航结束 */

/* section01 */
.section01 {
  width: 1150px;
  padding-right: 250px;
  height: 460px;
  z-index: 5;
  position: absolute;
  top: 435px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #000;
}

.section01 .s-left {
  width: 190px;
  height: 100%;
}

.section01 .s-left a {
  display: block;
  height: 80px;
  position: relative;
  width: 100%;
  font-size: 18px;
  color: #fefefe;
  text-align: center;
  overflow: hidden;
}

.section01 .s-left .btn01 {
  background-color: #f40;
}

.section01 .s-left .icon-com {
  display: inline-block;
  background-image: url(../images/indexs.png);
  position: absolute;
  left: 60px;
}

.section01 .s-left .bgp01 {
  background-position: -380px -221px;
}

.section01 .s-left .bgp02 {
  background-position: -380px -174px;
}

.section01 .s-left .bgp03 {
  background-position: -93px -328px;
}

.section01 .s-left .l-icon01 {
  width: 50px;
  height: 44px;
  top: 22px;
  margin-left: -40px;
  background-repeat: no-repeat;
}

.section01 .s-left .l-icon02 {
  top: 16px;
  left: 45px;
  width: 35px;
  height: 47px;
  margin-left: -17px;
  background-repeat: no-repeat;
}

.section01 .s-left .l-icon03 {
  top: 32px;
  width: 41px;
  height: 41px;
  position: absolute;
  margin: -12px 0 0 -35px;
}

.section01 .s-left .arrow-box {
  position: absolute;
  left: 45px;
  overflow: hidden;
  width: 32px;
  height: 24px;
  margin: 28px 0 0 -16px;
}

.section01 .s-left .arrow-i {
  position: absolute;
  width: 22px;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -11px;
  top: 50%;
  background-image: url(../images/indexs.png);
  background-position: -27px -371px;
}

.section01 .s-left .s-l-pc {
  height: 26px;
  line-height: 26px;
  position: absolute;
  left: 78px;
  top: 13px;
}

.s-l-pc .small {
  color: #fff;
  opacity: 0.85;
  font-size: 10px;
}

.section01 .s-left .btn02 {
  height: 50px;
  background: #4099f4;
  display: block;
  font-size: 14px;
}

.section01 .s-left .btn02 .re-com {
  background-image: url(../images/indexs.png);
}

.section01 .s-left .btn02 .register {
  width: 25px;
  height: 33px;
  display: block;
  margin: 10px 0 0 30px;
  float: left;
  background-repeat: no-repeat;
}

.section01 .s-left .btn02 .quick {
  display: block;
  margin: 15px 0 0 30px;
  float: left;
}

.section01 .s-left .btn02 .lj {
  background-position: -415px -174px;
}

.section01 .s-left .btn02 .register02 {
  width: 30px;
  height: 30px;
  display: block;
  margin: 10px 0 0 30px;
  float: left;
  background-repeat: no-repeat;
}

.section01 .s-left .btn02 .ks {
  background-position: -316px -199px;
}

.section01 .s-left .btn03 {
  padding: 12px 0 12px 0px;
  height: 38px;
}

.section01 .s-left .btn02 .kf {
  width: 24px;
  height: 27px;
  background-position: -389px -328px;
}

.section01 .s-left .btn04 {
  height: 59px;
  background: #000;
  color: #ffe2a3;
  line-height: 14px;
  font-size: 10px;
}

.section01 .s-left .btn04 .game {
  display: block;
  float: left;
  width: 31px;
  height: 40px;
  margin: 10px 0 0 20px;
  background: url(../images/vip01.png) no-repeat center center;
}

.section01 .s-left .btn04 .vip {
  display: block;
  float: left;
  margin: 10px 0 0 5px;
}

.section01 .s-left .btn04 em {
  display: inline-block;
  width: 54px;
  height: 17px;
  background: url(../images/ckqu.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 3px;
}

.section01 .s-right {
  width: 230px;
  height: 100%;
  border: 1px solid #0ff;
  position: absolute;
  top: 0;
  right: 0;
}

/* 清除浮动 */
.clearfix:after {
  clear: both;
  content: '\0020';
  display: block;
  visibility: hidden;
  height: 0;
}

/* 背景 */
.warp {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.bg01 {
  height: 580px;
  background: url(../images/bg01.webp) no-repeat center center;
}

.bg05 {
  width: 390px;
  height: 160px;
  /* background: url(../images/hmsh.gif); */
  position: absolute;
  top: 200px;
  right: 300px;
  z-index: 4;
}

.bg05 a {
  width: 390px;
  height: 160px;
  display: block;
  background: url(../images/hmsh.gif);
}

.bg02 {
  height: 631px;
  background: url(../images/bg02.webp) no-repeat center center;
}

.bg03 {
  height: 1100px;
  background-color: #f8f9fa;
}

.bg04 {
  height: 1086px;
  background: url(../images/footerbg.webp) no-repeat center center;
}